草庐IT

HTML5 新元素

全部标签

javascript - 存储对 DOM 元素的引用

在我正在编写的特定脚本中,我有许多链接到某些DOM元素的对象。鉴于每个元素都有一个唯一的ID,每个对象应该只保留元素的ID(并每次使用document.getElementById),还是将元素存储在属性中?这是我的意思的一个简化示例:functionmyThing(elId){this.elId=elId;}myThing.prototype.getElValue=function(){returndocument.getElementById(this.elId).nodeValue;};//--vs--//functionmyThing(elId){this.el=documen

javascript - 获取 DOM 元素的所有 css 样式(类似于 Firebug)

对于DOM元素,如何获取特定元素在css中指定的所有样式?是遍历所有css样式名的情况吗?或者有更优雅的方式吗?Firebug是如何做到的?谢谢 最佳答案 你应该可以用getComputedStyle得到它:varcss=window.getComputedStyle(element);for(vari=0;i但是,此方法返回计算样式,这意味着它将执行一些计算并将您的值转换为px。例如,如果您的行高为1.2,那么它将返回为57.6px而不是1.2 关于javascript-获取DOM元素

JavaScript - 强制选择元素下拉?

如何使用Javascript强制选择元素下拉?可能吗?BoshWadeLeBronfunctionShow(){//forcetheselecttodropdown...}提前致谢! 最佳答案 你不能打开下拉菜单,但你可以这样做:document.getElementById('MiamiPlayers').setAttribute('size',3);参见http://jsfiddle.net/MdCBB/ 关于JavaScript-强制选择元素下拉?,我们在StackOverflow

javascript - 查找离点击点最近的元素

这里需要一些帮助。我是一名UI设计师,不擅长做实验性Web表单设计的数字,我需要知道哪个输入元素最接近网页上的点击点。我知道如何用点做最近邻,但输入元素是矩形而不是点,所以我被卡住了。我正在使用jQuery。我只需要这个小算法的帮助。完成实验后,我会向大家展示我在做什么。更新我想过它是如何工作的。看这张图:每个矩形有8个重要的点(或者说4个点和4条线)。只有x值对水平点(红点)有意义,只有y值对垂直点(绿点)有意义。x和y对Angular点都很重要。橙色十字是要衡量的点——在我的用例中是鼠标点击。浅紫色线是橙色十字与它可能最近的点之间的距离。所以……对于任何给定的橙色十字,循环遍历每个

javascript - 我无法测试在主干 View 中呈现的元素的可见性

我正在开发一个Backbone.js应用程序,同时使用Jasmine&Sinon添加测试我在确定某些DOM元素的可见性时遇到了问题:其中一些在测试中被检测为不可见,而我可以在我的应用程序中正确地看到它们。我创建了一个复制问题的小示例,同一测试在两组元素上运行两次:第一组直接存在于SpecRunner.html中第二个已呈现为BackboneView测试本身使用jQuery.is(':visible')(通过jasmine-jquery的.toBeVisible())来了解元素是否可见。它通过了第一组,而不是第二组。我在这里将代码作为github项目共享:https://github.c

javascript - 将字节转换为图像以在 HTML5 Canvas 上绘制

有人知道我如何将通过websocket(从C#应用程序)发送的字节转换为图像吗?然后我想在Canvas上绘制图像。我可以看到两种方法:以某种方式在Canvas上以字节形式绘制图像而不进行转换它。然后在javascript中以某种方式将字节转换为base64字符串画画。这是我接收绘图字节的函数:functiondraw(imgData){varimg=newImage();img.onload=function(){cxt.drawImage(img,0,0,canvas.width,canvas.height);};//WhatIwasusingbefore...img.src="da

javascript - 使用 jquery 计算动态创建的 html 元素

我正在计算当前文档中有值(value)的输入数量。它工作正常,除非我动态添加了更多输入。我无法获得那里的值(value)。例如我可能有...点击按钮后动态创建我将在for循环中获取每个值for(vari=1;i现在,当我运行for循环来检查这些输入中每一个的值时,它只会获取不是动态创建的输入的值。我已经查看了此处的其他问题,但仍然看不出如何将.on()之类的东西应用到我想要完成的事情上。新的跟进​​问题好的,现在我认为这是我需要更多关于如何使用.on的说明。我这里有一个jsfiddle:JsFiddleexample我在创建新元素的地方和所有文本框的模糊处,我想计算有多少元素具有值(v

javascript - HTML5 Canvas : Moving/panning world with arrow keys in EaselJS

经过一年的学习和反复试验,我觉得我开始对JavaScript有了更多的了解。所以,现在,我想尝试编写一个简单的2D平台游戏(想想《super马里奥世界》或《刺猬索尼克》)。为此,我将使用EaselJS库。我想弄清楚如何使用左右箭头键在Canvas中移动/平移“世界”。我知道如何在箭头键的keydown上运行函数,但我不太确定应该如何处理移动/平移。当按下一个键时,我是否应该调整Canvas中每一个东西的位置/坐标?或者我是否应该将所有东西都放在一个容器中并移动容器的位置/坐标?我会感激任何能将我推向正确方向的东西。泰夫姆:)更新了答案Thechosenanswerbelow确认我确实必

javascript - 如何制作 TextGeometry 多行?如何将它放在一个正方形内,使其像 html 文本在 div 内一样环绕?

我正在使用WebGL、three.js和THREE.TextGeometry制作一些3D文本。到目前为止一切正常。我能够创建单行3D文本。现在我想创建多行文本,比如一个短段落。最好,我希望它在到达放置它的框/矩形的边界时自然换行。我想要标准HTML文本在div内部时具有的类似行为,换行当它到达它的父div的边缘时到多行。这是我创建单行的方式:textGeo=newTHREE.TextGeometry('Hellothere.AmIaparagraph?Ihopeso.','size':30'height':2'font':'helvetiker''weight':'normal''st

javascript - 如何使用具有工作 ng-click 功能的 angularjs 添加 html 按钮

我正在开发一款使用angularjs制作的游戏。我有一个问题,我还没有能够解决。我想使用一个弹出对话框(无警报),其内容取决于上下文。此弹出窗口包含一个按钮,单击该按钮即可开始游戏。由于内容是动态的,所以ng-click功能不起作用。我已经尝试使用指令并直接从Controller发出,但没有让它工作。我的具体问题是如何将HTML按钮添加到包含实际触发的ng-click函数的angularjs中?编辑:这是一次尝试(实际上是让按钮显示,但ng-click什么都不做):Controller:{if($scope.quiz.state==='finished'||$scope.quiz.st